<template>
	<div class="center-panel">
		<img src="@img/global/panel-bottom.png" alt="" class="bg" />
		<SubTitle title="客流量分析" img="global/客流量分析.png" />
		<FlowAnalysis />
		<FlowRanking />
		<DistributionLaw />
	</div>
</template>
<script lang="ts" setup>
	import { ref } from 'vue'
	import FlowAnalysis from './FlowAnalysis.vue'
	import FlowRanking from './FlowRanking.vue'
	import DistributionLaw from './DistributionLaw.vue'
</script>

<style lang="scss" scoped>
	.center-panel {
		position: relative;
		flex: 1;
		padding: 0 23px;
	}
	.bg {
		position: absolute;
		width: calc(100% - 46px);
		height: 40px;
		left: 50%;
		transform: translateX(-50%);
		bottom: 20px;
	}
</style>
